<template>
  <!-- 文章区域 -->
  <van-cell class="article-item" @click="$router.push(`/detail/${item.art_id}`)">
    <template #title></template>
    <template #label>
      <div class="body van-multi-ellipsis--l2">
        {{item.title}}
        <div>{{item.cover.images}}</div>
      </div>
      <div class="foot">{{item.aut_name}} 4年前</div>
    </template>
  </van-cell>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>

<style lang="less" scoped>
.article-item {
  .body {
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #1D2129;
    line-height: 24px;
  }·
  .foot {
    font-size: 12px;
    color: #B0B5BD;
    line-height: 20px;
  }
}
</style>
